body {
    font:normal 100%/1.4 "Open Sans","Microsoft YaHei","微软雅黑","Hiragino Sans GB",Tahoma,Lucida,Verdana,STHeiti,SimSun,'宋体',sans-serif;
    color:#424242;
    background:#f0f1f1;
    overflow-x:hidden;
}
a {
    color:#56a900;
    font-size:14px;
    text-decoration:none;
}

a:hover {
    color:#56a900;
}

.wraper {
    width:100%;
    max-width:1900px;
    margin:0 auto;
}

.topbar {
    width:100%;
    height:auto;
    min-height:60px;
    border-top:2px solid #424242;
    position:fixed;
    left:0;
    top:0;
    z-index:500;
    padding:8px 0 4px 0;
    background:#f7f7f8;

    box-shadow:0 1px 2px rgba(0,0,0,.1);
    -o-box-shadow:0 1px 2px rgba(0,0,0,.1);
    -ms-box-shadow:0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,.1);
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);
}


.topbar .logo {
    display:block;
    width:295px;
    height:60px;
    background:url(http://images.cnblogs.com/cnblogs_com/cnsevennight/619778/o_sevennight_logo.png) left center no-repeat;
    float:left;
    padding-top:10px
}

.topbar .nav {
    height:100%;
}

ul.parent li {
    display:block;
    float:left;
    position:relative;
    padding:0 60px;
    line-height:60px;
}

ul.parent li a {
    display:block;
    font-size: 1.33333em;
    color:#696969;
    text-shadow:0 1px 0 rgba(255,255,255,.86);
}

ul.parent li .lines {
    display:block;
    width:0px;
    height:2px;
    background:#6bc30d;
    position:absolute;
    left:50%;
    bottom:-5px;

    transition:all ease-in-out .6s;
    -o-transition:all ease-in-out .6s;
    -ms-transition:all ease-in-out .6s;
    -moz-transition:all ease-in-out .6s;
    -webkit-transition:all ease-in-out .6s;
}

ul.parent li:hover .lines,.topbar li.current .lines {
    color:#56a900;
    width:100%;
    left:0;
}
ul.parent li:hover .lines,.topbar li.current:active{
    width:82px;
    height:48px;
}
.nav ul{
    margin-left: 22.33333%;
}